<template>
  <router-link to="map" append>
  <div class="map">
    <div class="map-left">
      <div class="map-left-desc">
        <span>上海</span>
        <span class="address">酒店地址</span>
      </div>
      <div class="map-left-address">无锡滨湖区马山环山西路68号</div>
    </div>
    <div class="map-right">
      <div class="desc">地图</div>
      <div class="icon">></div>

    </div>

  </div>
  </router-link>
</template>

<script>
export default {
  name: 'detailMap'
  
}
</script>

<style lang="stylus" scoped>
.map
  height:1.5rem
  font-size:.3rem
  background:#fff
  .map-left
    float:left
    width:80%
    .map-left-desc
      margin-left:.2rem
      margin-top:.2rem
      margin-bottom:.2rem
      font-weight:bold
    .address
      border:.02rem solid #000
      color:#aaa
    .map-left-address
      padding:.2rem
      color:#aaa
  .map-right
    float:right
    width:20% 
    text-align:center
    position:relative
    .desc
      position:absolute
      top:.6rem
      right:.6rem
      color:#aaa
    .icon
      position:absolute
      top:.6rem
      right:.2rem
</style>
